<link rel="stylesheet" href="approvalView.css">
<script type="text/javascript" src="approvalView.js"></script>
<div id="approver_config" style="width: 100%;height: 60px"></div>
<div style="display: none">
    <div id="approval_begin_default" class="approval_approver_body">
        <table class="approval_approver_table">
            <tr>
                <td>
                    <div class="approval_sides">开始</div>
                </td>
                <td style="text-align: center">
                    <div class="approval_step">→</div>
                </td>
            </tr>
        </table>
    </div>

    <div id="approval_begin_pass" class="approval_approver_body">
        <table class="approval_approver_table">
            <tr>
                <td>
                    <div class="approval_sides sides_passed">开始</div>
                </td>
                <td style="text-align: center">
                    <div class="approval_step">→</div>
                </td>
            </tr>
        </table>
    </div>

    <div id="approval_end_default" class="approval_approver_body">
        <div class="approval_sides">结束</div>
    </div>

    <div id="approval_end_pass" class="approval_approver_body">
        <div class="approval_sides">结束</div>
    </div>

    <div id="approval_approver_default" class="approval_approver_body">
        <table class="approval_approver_table">
            <tr>
                <td>
                    <div class="approval_approver">
                        <span class="approver_name_class">ddd</span>
                    </div>
                </td>
                <td style="text-align: center">
                    <div class="approval_step">→</div>
                </td>
            </tr>
        </table>
    </div>

    <div id="approval_approver_passed" class="approval_approver_body">
        <table class="approval_approver_table">
            <tr>
                <td>
                    <div class="approval_approver" style="background-color: #00FF00">
                        <span class="approver_name_class">eee</span>
                        <div style="height: 100%;float: right;width: 25px">
                            <div style="position: relative;top: 12px">
                                <img src='../icons/checkmark-outline.svg' style="height: 25px;width: 25px;">
                            </div>
                        </div>
                    </div>
                </td>
                <td style="text-align: center">
                    <div class="approval_step">→</div>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <table class="approve_extra_table">
                        <tr class="approve_extra_tr_hide">
                            <td class="approve_extra_td_left"></td>
                            <td class="approve_extra_td_right"></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>

    <div id="approval_approver_error" class="approval_approver_body">
        <table class="approval_approver_table">
            <tr>
                <td>
                    <div class="approval_approver" style="background-color:red;">
                        <span class="approver_name_class">fff</span>
                        <div style="height: 100%;float: right;width: 25px">
                            <div style="position: relative;top: 12px">
                                <img src='../icons/close-outline.svg' style="height: 25px;width: 25px;">
                            </div>
                        </div>
                    </div>
                </td>
                <td style="text-align: center">
                    <div class="approval_step">→</div>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <table class="approve_extra_table">
                        <tr class="approve_extra_tr_hide">
                            <td class="approve_extra_td_left"></td>
                            <td class="approve_extra_td_right"></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
</div>